<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>我的伙伴</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="__PUBLIC__/css/index.css">
    <!--必要样式-->
    <style>
        body {
            font-family: "Microsoft Yahei", 微软雅黑, arial, "Lantinghei SC";
            background: #EFEFEF;
        }

        .am-nav-tabs > ul {
            border-bottom: 1px solid #DADADA;
        }

        .am-nav-tabs > li > a {
            font-size: 14px;
            padding: 0.4em 0.2em;
        }

        .am-tabs-nav li {
            height: 40px;
            line-height: 40px;
        }

        .am-nav-tabs > li {
            border-bottom: 1px solid #DADADA;
        }

        .am-nav-tabs.am-nav-justify > li > a {
            border-bottom: none;
        }

        .am-tabs-bd .am-tab-panel {
            padding: 0 10px 0px;
            margin-bottom: 15px;
        }

        .order-title .am-u-sm-12 {
            padding: 6px 6px;
            border-bottom: 1px solid #F2F2F2;
        }

        .order-title .am-u-sm-12 span {
            font-size: 18px;
            color: #000;
            vertical-align: middle;
            display: inline-block;
            line-height: 25px;
            margin-left: 8px;
        }

        .goods-box {
            margin-bottom: 10px;
        }

        .goods-box .goods-head {
            border-bottom: 1px solid #F3F3F3;
            padding: 15px 20px 10px;
            font-size: 13px;
        }

        .goods-box .good-content {
            padding: 10px 5px 0px 0;
            border-bottom: 1px solid #D8D8D8;
        }

        .goods-box .good-content .title {
            position: absolute;
            top: 3px;
            color: #2C2D2F;
            font-size: 11px;
            height: 55px;
            line-height: 18px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            letter-spacing: 0;
            vertical-align: middle;
        }

        .goods-box .good-content .map {
            color: #787878;
            font-size: 9px;
            position: absolute;
            top: 58px;
            left: 110px;
        }

        .goods-box .good-price {
            margin-bottom: 10px;
        }

        .goods-box .good-price .money {
            text-overflow: ellipsis;
            display: block;
            line-height: 30px;
        }

        .goods-box .good-price .num {
            margin-left: 3px;
            color: #898989;
        }

        .goods-box .good-totol {
            margin-bottom: 15px;
        }

        .goods-box .good-totol span {
            display: block;
            font-size: 13px;
        }

        .btn1 {
            display: inline-block;
            border: 1px solid #E3E3E3;
            color: #7A7E7F;
            padding: 7px 6px;
            border-radius: 3px;
            margin-right: 10px;
        }

        .btn2 {
            display: inline-block;
            color: #FFFFFF;
            background: #FFAD01;
            padding: 7px 6px;
            border-radius: 3px;
        }
    </style>
</head>
<style type="">
    .span{

    }
</style>
<body style="background-color:#f3f3f3;">


<div class="am-g">
    <volist name="data.list" id="user">
        <div style="padding: 5px 0;background-color: #fff;overflow: auto;margin-top: 2px;">
            <div class="am-u-sm-3">
                <img src="{$user.head_pic}" width="50" alt="">
            </div>
            <div class="am-u-sm-9" style="padding: 15px 0;">
                <span style="font-size: 16px;">{$user.nickname}</span><span style="float: right;color: #aaa;margin-right: 10px;margin-top: 4px;">加入时间：{$user.reg_time}</span>

            </div>
        </div>
    </volist>
    <input type="hidden" id="totalrecord" value="{$data.page.totalrecord}">
</div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " id="toolbar">

</div>
<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script type="text/javascript">
</script>
<script src="__PUBLIC__/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layer/layer.js"></script>
<script type="text/javascript">
    $(function(){
        var count = $('#totalrecord').val();
        if(count == '0'){
            layer.msg('您还没有伙伴！');
        }
    });
</script>